<template>
	<view class="page">
		<template v-if="isLogin">
			<view class="category-list row-2">
				<navigator url="/package_yunfangkong/search-data/search-data" open-type="navigate" hover-class="none" class="item">
					<view class="icon"><image src="@/static/images/data_search.png" mode="widthFix"></image></view>
					<view class="text">数据查询</view>
				</navigator>
				<navigator url="/package_yunfangkong/dataList/dataList" open-type="navigate" hover-class="none" class="item">
					<view class="icon"><image src="@/static/images/datas.png" mode="widthFix"></image></view>
					<view class="text">防控数据</view>
				</navigator> 
			</view>
			<view class="start-btn-area">
				<navigator url="/package_yunfangkong/form/form" hover-class="none" class="btn">
					<image src="@/static/images/fk_start.png" mode="widthFix"></image>
				</navigator>
				<view class="name"><text>红火蚁云防控</text></view>
			</view>
			 
		</template>
	</view>
</template>

<script>
	import {
		HTTP_OLD_HOST,
		WEB_HOST
	} from '@/config.js'
	
	export default {
		name: 'name',
		data() {
			return { 
				isLogin: false, 
				userInfo: uni.getStorageSync('userInfo'),
				loginStateUpdate: false,
				app_name: getApp().globalData.app_name 

			}


		},
		async onLoad() {			
			this.isLogin=await this.$loginState('check');  
		},
		async onShow() {

		},
		methods: {
			
		},
		components: {

		},

		computed: {

		},
		watch: {

		}

	}
</script>

<style lang="less" scoped> 
	.category-list{
		background: #fff;
		margin-bottom: 20rpx;
		padding: 20rpx 0 0;
		.item{
			.icon{
				width: 30%!important;
			}
		}
	}
	.name {
		text-align: center;

		text {
			padding-top: 10rpx;
			border-top: 2rpx dashed #999;
			font-size: 28rpx;
			color: #999;
		}
	}
	
	.start-btn-area{
		position:absolute;
		left:0;
		bottom:150rpx;
		width:100%;
	}

	.btn {
		width: 60%;
		margin: 0 auto;

		image {
			width: 100%;
		}
	}
	
	
</style>
